<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>已有危险源管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
</head>

<body>

    <div class="layui-card layadmin-header" style="display:block">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
            <a lay-href="">主页</a>
            <a><cite>危险源管理</cite></a>
            <a><cite>已有危险源管理</cite></a>
        </div>
    </div>

    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">已有危险源管理</div>
                    <div class="layui-card-body">
                        <table class="layui-hide" id="test-table-toolbar" lay-filter="test-table-toolbar"></table>

                        <script type="text/html" id="test-table-toolbar-toolbarDemo">
              <div class="layui-btn-container">
                <a class="layui-btn layui-btn-sm" lay-href="hazard/info/edit.html">添加危险源</a>
              </div>
            </script>

                        <script type="text/html" id="test-table-toolbar-barDemo">
              <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
              <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table'], function () {
            var admin = layui.admin
                , table = layui.table;

            table.render({
                elem: '#test-table-toolbar'
                , url: layui.setter.base + 'json/hazard/demo.js'
                , toolbar: '#test-table-toolbar-toolbarDemo'
                , title: '危险源数据表'
                , cols: [[
                    { type: 'checkbox', fixed: 'left' }
                    , { field: 'id', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true }
                    , { field: 'username', title: '危险源名称', width: 180, edit: 'text' }
                    , {
                        field: 'email', title: '类别', width: 150, edit: 'text', templet: function (res) {
                            return '<em>' + res.email + '</em>'
                        }
                    }
                    , { field: 'sex', title: '造成结果', width: 80, edit: 'text', sort: true }
                    , { field: 'city', title: 'L', width: 100 }
                    , { field: 'sign', title: 'E' }
                    , { field: 'experience', title: 'C', width: 80, sort: true }
                    , { field: 'ip', title: '危险度D', width: 120 }
                    , { field: 'logins', title: '风险等级', width: 100, sort: true }
                    , { field: 'cuoshi', title: '现有整改措施', width: 120 }
                    , { field: 'dept', title: '相关责任部门', width: 120 }
                    , { field: 'joinTime', title: '加入时间', width: 120 , sort: true }
                    , { fixed: 'right', title: '操作', toolbar: '#test-table-toolbar-barDemo', width: 150 }
                ]]
                , page: true
            });

            //头工具栏事件
            table.on('toolbar(test-table-toolbar)', function (obj) {
                var checkStatus = table.checkStatus(obj.config.id);
                switch (obj.event) {
                    case 'getCheckData':
                        var data = checkStatus.data;
                        layer.alert(JSON.stringify(data));
                        break;
                    case 'getCheckLength':
                        var data = checkStatus.data;
                        layer.msg('选中了：' + data.length + ' 个');
                        break;
                    case 'isAll':
                        layer.msg(checkStatus.isAll ? '全选' : '未全选');
                        break;
                };
            });

            //监听行工具事件
            table.on('tool(test-table-toolbar)', function (obj) {
                var data = obj.data;
                if (obj.event === 'del') {
                    layer.confirm('真的删除行么', function (index) {
                        obj.del();
                        layer.close(index);
                    });
                } else if (obj.event === 'edit') {
                    layer.prompt({
                        formType: 2
                        , value: data.email
                    }, function (value, index) {
                        obj.update({
                            email: value
                        });
                        layer.close(index);
                    });
                }
            });

        });
    </script>
</body>

</html>